<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.main{
				width: 1500px;
				height: 710px;
				display: flex;
				padding-top: 10px;
				justify-content: space-between;/*两端对齐 */
				justify-content: space-around;/* 环绕对齐 */
				justify-content: space-evenly;/* 公平对齐 */
			}
			.main .right .a{
				width: 730px;
				height: 120px;
				background-color: #F2F2F2;
			/* 	display: flex; */
			}
			.main .right .b{
				width: 730px;
				height: 30px;
				margin-top: 5px;
			}
			.main .right .c{
				width: 730px;
				height: 250px;
				background-color: #F2F2F2;
				margin-top: 5px;
			}
			.main .right .d{
				width: 730px;
				height: 30px;
				margin-top: 5px;
			}
			.main .right .e{
				width: 730px;
				height: 250px;
				background-color: #F2F2F2;
				margin-top: 5px;
			}
			.main .left .a1{
				width: 730px;
				height: 120px;
				background-color: #F2F2F2;
			}
			.main .left .b1{
				width: 730px;
				height: 30px;
				margin-top: 5px;
			}
			.main .left .c1{
				width: 730px;
				height: 250px;
				background-color: #F2F2F2;
				margin-top: 5px;
			}
			.main .left .d1{
				width: 730px;
				height: 30px;
				margin-top: 5px;
			}
			.main .left .e1{
				width: 730px;
				height: 250px;
				background-color: #F2F2F2;
				margin-top: 5px;
			}
			.main .right .a .a12{
				margin:-40px;
				text-align: center;
			}
			.main .right .a .img1{
				width: 30px;
				height: 30px;
			}
			.main .right .a .img2{
				width: 100px;
				height: 100px;
				/* float: right; */
				padding-left: 600px;
				margin-top: -100px;
			}
			.main .left .a1 img{
				width: 110px;
				height: 110px;
			  padding: 5px;
			}
			.main .left .a1 {
				display: flex;
			}
			.main .left .a1 .a13{
				padding-left: 100px;
				font-size: 10px;
			}
			.main .left .a1 .a13 span{
				display: block;
				padding-top: 30px;
			}
			.main .left .a1 .a14{
				padding-left: 100px;
				font-size: 10px;
			}
			.main .left .a1 .a14 span{
				display: block;
				padding-top: 30px;
			}
			.main .b,.d,.b1,.d1{
				display: flex;
			}
			.main .right .b h5{
				padding-left: 20px;
				margin-top: 5px;
			}
			.main .right .b a{
			     margin-left: 580px;
					 text-decoration: none;
					 line-height: 30px;
					 font-size: 10px;
			}
			
			.main .right .d h5{
				padding-left: 20px;
				margin-top: 5px;
			}
			.main .right .d a{
			     margin-left: 580px;
					 text-decoration: none;
					 line-height: 30px;
					 font-size: 10px;
			}
			
			.main .left .b1 h5{
				padding-left: 20px;
				margin-top: 5px;
			}
			.main .left .b1 a{
			     margin-left: 580px;
					 text-decoration: none;
					 line-height: 30px;
					 font-size: 10px;
			}
			
			.main .left .d1 h5{
				padding-left: 20px;
				margin-top: 5px;
			}
			.main .left .e1 button{
				margin: 5px;
				width: 80px;
				border-radius: 5px;
				border: 1px solid #666;
			}
			.main .left .e1 span{
				margin-left: 120px;
				font-size: 10px;
			}
			.main .left .e1 table{
				width: 100%;
				height: 200px;
				text-align: center;
				font-size: 10px
			}
		</style>
	</head>
	<body>
		<div class="main">
			<div class="right">
				<div class="a">
					<div><img src="../img/u425.svg"  class="img1"><span>镇江</span></div>
					<div class="a12">
						<h4>09:49 上午</h4>
						<h5>26°C 多云 2022/03/15 星期二</h5>
						<h5>壬寅年二月十三</h5>
					</div>
					<div><img src="../img/u428.svg" class="img2"></div>
				</div>
				<div class="b">
					<img src="../img/u421.svg" alt="">
					<h5>待办任务</h5>
					<a href="#">更多</a>
				</div>
				<div class="c">
					<iframe src="./051.html" style="width: 730px; height: 100%;" frameborder="0"></iframe>
				</div>
				<div class="d">
					<img src="../img/u442.svg" alt="">
					<h5>通知公告</h5>
					<a href="#">更多</a>
				</div>
				<div class="e">
					<iframe src="./051.html"  style="width: 100%; height: 100%;" frameborder="0"></iframe>
				</div>
			</div>
			<div class="left">
				<div class="a1">
					<div><img src="../img/u435.svg" alt=""></div>
					<div class="a13"><span>登陆账号:admin</span><span>用户名:admin</span></div>
					<div class="a14"><span>所属部门:项目管理部</span><span>联系电话:1880000000</span></div>
				</div>
				<div class="b1">
					<img src="../img/u441.svg" alt="">
					<h5>预警提醒</h5>
					<a href="#">更多</a>
				</div>
				<div class="c1">
					<iframe src="./051.html"  style="width: 100%; height: 100%;" frameborder="0"></iframe>
				</div>
				<div class="d1">
					<img src="../img/u443.svg" alt="">
					<h5>我的日程</h5>
				</div>
				<div class="e1">
					<button>年</button>
					<button style="background-color: #1596CD;">月</button>
					<span>< 2022年03月 ></span>
					<hr>
					<table>
						<tr>
							<td>一</td>
							<td>二</td>
							<td>三</td>
							<td>四</td>
							<td>五</td>
							<td>六</td>
							<td>七</td>
						</tr>
						<tr>
							<td>30</td>
							<td>31</td>
							<td>01</td>
							<td>02</td>
							<td>03</td>
							<td>04</td>
							<td>05</td>
						</tr>
						<tr>
							<td>06</td>
							<td>07</td>
							<td>08</td>
							<td>09</td>
							<td>10</td>
							<td>11</td>
							<td>12</td>
						</tr>
						<tr>
							<td>13</td>
							<td>14</td>
							<td>15</td>
							<td>16</td>
							<td>17</td>
							<td>18</td>
							<td>19</td>
						</tr>
						<tr>
							<td>20</td>
							<td>21</td>
							<td>22</td>
							<td>23</td>
							<td>24</td>
							<td>25</td>
							<td>26</td>
						</tr>
						<tr>
							<td>27</td>
							<td>28</td>
							<td>29</td>
							<td>30</td>
							<td>01</td>
							<td>02</td>
							<td>03</td>
						</tr>
						<tr>
							<td>04</td>
							<td>05</td>
							<td>06</td>
							<td>07</td>
							<td>08</td>
							<td>09</td>
							<td>10</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
	</body>
</html>